<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="穿山甲机器人股份有限公司,机器人后台管理系统,机器人后台数据统计" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>机器人-后台</title>
		<link href="css/main.css" rel="stylesheet" />
		<link href="css/state.css" rel="stylesheet" />
		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

		<!-- 可选的Bootstrap主题文件（一般不用引入） -->
		<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
		<link href="css/lyz.calendar.css" rel="stylesheet" type="text/css" />
		<link href="css/page.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-2.1.1.min.js"></script>

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
		
		<script src="js/state.js"></script>
	</head>

	<body>
		<div id="header">
			<div id="info">
				<h3><a href="#"><img src="img/csjlog.png" style="height: 40%;width: auto"></a>&nbsp;&nbsp;<span>穿山甲机器人后台数据管理系统</span></h3>
			</div>
		</div>
		<div id="content">
			<div id="con_left">
				<!--左侧菜单栏-->
				<ul id="left_nav">
					<li id="user_info">
						<div id="info_plane">
							<a href="#"><img src="img/t11.jpg"></a>
							<div id="users">
								<span id="user_name">
                           <a href="#">微微一笑很倾城</a>
                       </span>
								<span id="user_type">
                           <a href="#">超级管理员</a><b class="caret"></b>
                       </span>
							</div>
						</div>
					</li>
					<li id="index_bt" class="nav_li">
						<i class="glyphicon glyphicon-home"></i>
						<a href="index.html">主页</a>
					</li>
					<li id="market_bt" class="nav_li">
						<i class="glyphicon glyphicon-picture"></i>
						<a href="mapView3.html">销售情况</a>
					</li>
					<li id="bg_data" class="nav_li">
						<i class="glyphicon glyphicon-th-list"></i>
						<a href="real-time-data.html">后台数据</a>
					</li>
					<li class="index_li nav_li" id="robot_bt">
						<i class="glyphicon glyphicon-list-alt"></i>
						<a href="state.html">机器人状态</a>
					</li>
					<!--<li id="one_info">
                <i class="glyphicon glyphicon-th"></i><a href="#">详细信息</a>
            </li>
            <li id="robot_log">
                <i class="glyphicon glyphicon-list"></i><a href="#">日志</a>
            </li>-->
				</ul>
			</div>
			<div id="con_center">
				<!--机器人状态表格-->
				<div id="table_robot">
					<div id="robot_top">
						<h3>机器人状态汇总</h3>
						<p><span>机器人状态</span>&nbsp;/&nbsp;<strong>统计表格</strong></p>
					</div>
					<div id="robot_center">
						<div class="tab">
							<h4>表格</h4>
							<div id="rt_menu">
								<div id="rt_pre">
									<span>排序</span>
									<select id="rt_sortType">
										<option>机器人编号</option>
										<option>全部状态</option>
									</select>
								</div>
								<div id="rt_cen">
									<span>状态</span>
									<select id="rt_online">
										<option>全部状态</option>
										<option>正在运行</option>
										<option>已停止</option>
									</select>
								</div>
								<div class="refresh">
									<button>刷新</button>
								</div>
								<div id="rt_search">
									<button>查询</button>
									<input type="text" placeholder="输入查询条件" />
								</div>

							</div>
							<div class="table-responsive">
								<table class="table table-bordered">
									<thead>
										<tr>
											<td>序号</td>
											<td>机器人编号</td>
											<td>状态（全部）</td>
											<td>其他信息</td>
											<td>操作</td>
										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</div>
						</div>
						<div class="tcdPageCode"></div>
					</div>
				</div>
			</div>
			<!--操作日志-->

		</div>
		<!--遮罩层-->
		<div id="fade">
			<div class="loader">
				<div class="loader-inner line-scale-pulse-out">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
		</div>
		<script>
			$(function() {
				setTimeout(function() {
					$("#fade").fadeOut(500);
				}, 500);
			})
		</script>
	</body>

</html>